<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/ty.css">
    
    
</head>
<body>
    <!-- 背景01 -->
    <div id="background01">
        <!-- 头部 -->
        <div id="header">
            <h1 class="logo">
                    <img src="../images/logo.png" alt="">
            </h1>
            <ul class="nav">
                <li><a href="#" class="active">首页</a></li>
                <li>
                    <a href="#">推广
                        <i>
                            <img src="../images/angle.jpg" alt="">
                        </i>
                    </a>
                    <!-- -------------------------------- -->
                    <ul class="expand">
                        <li><a href="">APP推广</a></li>
                        <li><a href="">游戏推广</a></li>
                        <li><a href="">海外推广</a></li>
                        <li><a href="">微信推广</a></li>
                        <li><a href="">抖音推广</a></li>
                        <li><a href="">快手推广</a></li>
                        <li><a href="">B站推广</a></li>
                        <li><a href="">小红书推广</a></li>
                    </ul>
                    <!-- -------------------------------- -->
                </li>
                <li>
                    <a href="#">运营
                        <i>
                            <img src="../images/angle.jpg" alt="">
                        </i>
                    </a>
                </li>
                <li>
                    <a href="#">营销
                        <i>
                            <img src="../images/angle.jpg" alt="">
                        </i>
                     </a>
                </li>
                <li>
                    <a href="#">数据
                        <i><img src="../images/angle.jpg" alt="">
                        </i>
                    </a>
                </li>
                <li><a href="#">读好书</a></li>
                <li>
                    <a href="#">互联网
                        <i>
                            <img src="../images/angle.jpg" alt="">
                        </i>
                    </a>
                </li>
                <li><a href="#">服务
                        <i>
                            <img src="../images/angle.jpg" alt="">
                        </i>
                    </a>
                </li>
            </ul>

            <ul class="resign">
                <li class="big_mirror"><img src="../images/fangda.jpg" alt=""></li>
                <li class="land">登录</li>
                <li class="degister">注册</li>
                <li class="sumbit">投稿</li>
            </ul>
        </div>
    </div>
    <!-- 背景02 -->
    <div id="background02">
        <!-- 内容 -->
        <div id="content">
            <!-- 左边内容 -->
            <div id="content_left">
      <div class="contentOne">         
                <div id="banner">
                    <img src="../images/banner.jpg" alt="">
                </div>
                <div class="banner">
                    <div class="banner0">
                        <img src="../images/picture01.jpg" alt="">
                        <p>高点击客文字撰写技巧!</p>
                    </div>
                    <div class="banner0">
                        <img src="../images/picture02.jpg" alt="">
                        <p>
                            新媒体运营:10w+爆文标题
                        </p>
                    </div>
                    <div class="banner0">
                        <img src="../images/picture03.jpg" alt="">
                        <p>B站产品运营技巧</p>
                    </div>
                </div>
                <div class="major_int">
                    <h2 class="title01">
                        <span class="int">专题介绍</span>
                        <span class="all">全部专题</span>
                    </h2>
                    <div class="major_images">
                        <a href="" class="image01">
                            <i>
                                <img src="../images/major01.png" alt="">
                            </i>
                        </a>
                        <a href="" class="image01">
                            <i>
                                <img src="../images/major02.png" alt="">
                            </i>
                        </a>
                        <a href="" class="image01">
                            <i>
                                <img src="../images/major03.png" alt="">
                            </i>
                        </a>
                        <a href="" class="image01">
                            <i>
                                <img src="../images/major04.png" alt="">
                            </i>
                        </a>
                    </div>
                </div>
            </div> 

                <!-- 最新文章 -->
                <div class="new_artical">
                    <ul class="artical_nav">
                        <li><a href="#" class="active01">最新文章</a></li>
                        <li><a href="#">APP推广</a></li>
                        <li><a href="#">产品运营</a></li>
                        <li><a href="#">品牌营销</a></li>
                        <li><a href="#">文案圈</a></li>
                        <li><a href="#">移动互联网</a></li>
                    </ul>
                    <!-- <div class="artical">
                        <i><img src="../images/artical01.png" alt=""></i>
                        <div class="article0">
                        <h2 class="title02">
                            11月金融行业广告投放技巧!
                        </h2>
                        <p class="article01">&nbsp;&nbsp;&nbsp;11用大促近在眼前&nbsp;,&nbsp;各行业广告主都在紧盯有限的投放流量&nbsp;,&nbsp;准备投入未来一个月的抢量<br>“血拼”&nbsp;。&nbsp;金融行业如何在买量大战中闪转腾掷&nbsp;,&nbsp;以合适的成本争取到足量陨光?重点就在于...
                        </p><br>
                        <P class="article02"><span>50秒前</span><span>545</span></P>
                        </div>
                    </div> -->

                    <!-- 文章 -->
                    <div id="art01">
                      
                    </div>
                </div>
                
            </div>
            <!-- 右边内容 -->
            <div id="content_right">
                <h2 class="title04">热门文章</h2>
                <div class="hot_essay">
                </div>
                <img src="../images/essay_p1.png" alt="">
                <div class="int_essay">
                    <h2 class="title04">推荐文章</h2>
                </div>
                <img src="../images/essay_p1.png" alt="">
                <div class="good_essay">
                    <h2 class="title04">经典文章</h2>
                </div>

                <!-- -------------------------------- -->

                <div class="aside_nav">
                    <h2 class="title05">热门标签</h2>
                    <ul class="hot_symbol">
                    </ul>
                </div>
                <img src="../images/essay_p1.png" alt="" class="position02">
            </div>
        </div>
        
    </div>
        
    <!-- 背景03 -->
    <div id="background03">
        <div id="links">
            <h2 class="title03"><span>友情链接
            </span><span>申请友链</span></h2>
            <p class ="links0">
                <span>96新媒体</span>
                <span>APP维广</span>
                <span>APP推广平台</span>
                <span>ASO优化</span>
                <span>CPA之家</span>     
                <span>CQASO</span>
                <span>产品运营</span>
                <span>优惠券超人</span>
                <span>大淘客</span>
                <span>小猫试玩</span>
                <span>戏陀陀螺</span>
                <span>白鲸出海</span>
                <span>短信验证码</span>
                <span>积分墙投放</span>
                <span>运营大叔</span>
                <span>青瓜传媒</span>
                <span>青瓜智投</span>
                <span>青瓜智推</span>
                <span>龙游世纪</span>
                <span>龙游游戏</span>
            </p>
        </div>
    </div>

    <!-- 背景04 -->
    <div id="background04">
        <div id="footer">
             <ul class="footer0">
                <li>首页</li>
                <li>推广</li>
                <li>运营</li>
                <li>营销</li>
                <li>数据</li>
                <li>读好书</li>
                <li>互联网</li>
                <li>服务</li>
             </ul>
             <p class="footer1">Copyright&nbsp;&nbsp;◎&nbsp;&nbsp;2014-2019&nbsp;&nbsp;青瓜传媒&nbsp;&nbsp;版权所有&nbsp;&nbsp;免责声明&nbsp;&nbsp;<span>联系我们</span>&nbsp;&nbsp;闽ICP备14005448号-1</p>
        </div>
    </div>
       

    <script src="../js/xuanran.js"></script>
</body>
</html>